* {
    padding: 0;
    margin: 0;
  }
  
  body {
    background-color: bisque;
  }
  
  .head {
    height: 90px;
    background-color: cadetblue;
    font: bold 50px arial;
    color: aliceblue;
    padding-left: 100px;
  }
  
  .left {
    float: left;
    background-color: aliceblue;
    height: 800px;
    width: 220px;
    margin-top: 20px;
    margin-left: 50px;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem 0.2rem rgb(0 0 0 / 10%);
  }
  
  #img1 {
    height: 200px;
    width: 200px;
    margin: 10px;
  }
  
  #Aa {
    text-align: center;
    height: 40px;
    width: 100%;
    margin: auto;
    background-color: aliceblue;
    font: bold 25px arial;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem 0.2rem rgb(0 0 0 / 10%);
  }
  
  .Ab {
    height: 40px;
    width: 100%;
    margin: 25px 0;
    background-color: burlywood;
    text-align: center;
    font-size: 25px;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem 0.2rem rgb(0 0 0 / 10%);
  }
  
  .head2 {
    text-align: center;
    font-size: 50px;
    font-weight: 100px;
    background-color: aliceblue;
    width: 500px;
    height: 80px;
    margin: auto;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem 0.2rem rgb(0 0 0 / 10%);
  }
  
  .subjeck1 {
    height: 680px;
    width: 1300px;
    margin: 50px 300px;
    background-color: aliceblue;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem 0.2rem rgb(0 0 0 / 10%);
    font-size: 45px;
  }
  
  
  .subjeck2 {
    display: none;
    height: 680px;
    width: 1300px;
    margin: 50px 300px;
    background-color: aliceblue;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem 0.2rem rgb(0 0 0 / 10%);
  }
  
  table {
    width: 1200px;
    height: 600px;
    border-spacing: 80px 50px;
    font-size: 25px;
    border: 1px solid #999;
  }
  